<!DOCTYPE html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="Author" contect="http://www.webqin.net">
    <title>德蒙斯特线上商城</title>
    <link rel="shortcut icon" href="/images/favicon.ico" />

    <!-- Bootstrap -->
      <link th:href="@{https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css}" href="/static/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
      <link th:href="@{/css/style.css}" href="/static/css/style.css" rel="stylesheet">
    <link href="/css/response.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>

  <input type="hidden" id = "orderId" th:value="${orderInfo.orderInfo.orderId}">
    <div class="maincont">
     <header>
      <a href="javascript:history.back(-1)" class="back-off fl"><span class="glyphicon glyphicon-menu-left"></span></a>
      <div class="head-mid">
       <h1>支付</h1>
      </div>
     </header>

     <div class="dingdanlist" >
      <table>
       <tr>
        <td class="dingimg"  colspan="1">收货地址:</td>
           <td><input name="address" id="orderAddress" class="form-control" placeholder="地址，收货人，手机号 或者 自提" type="text"></td>
       </tr>
       <tr><td colspan="3" style="height:10px; background:#efefef;padding:0;"></td></tr>

       <tr>
        <td class="dingimg" width="75%" colspan="2">支付方式</td>
        <td align="right"><span class="hui">微信支付</span></td>
       </tr>
       <tr><td colspan="3" style="height:10px; background:#efefef;padding:0;"></td></tr>

       <tr>
        <td class="dingimg" width="75%" colspan="3">商品清单</td>
       </tr>

       <tr th:each="item,itemStatus:${orderInfo.products}">
        <td class="dingimg" width="15%"><img th:src="'http://file.demengsite.cn/'+${item.productImag}" src="/images/zf3.jpg" /></td>
        <td width="45%">
            <h3 th:text="${item.productName}"></h3>
            <time th:text="${item.colorName}+'  '+${item.sizeName}">红色 110</time>
        </td>
        <td align="right"><span th:text="'￥ '+${item.salePrice}" class="qingdan">X 1</span></td>
       </tr>



      </table>
     </div><!--dingdanlist/-->
     
     
    </div><!--content/-->
    
    <div class="height1"></div>
    <div class="gwcpiao">
     <table>
      <tr>
       <th width="10%"><a href="javascript:history.back(-1)"><span class="glyphicon glyphicon-menu-left"></span></a></th>
       <td width="50%">总计：<strong th:text="${orderInfo.orderInfo.totalPrice}" class="orange">¥69.88</strong></td>
       <td width="40%"><a href="javascript:;"  data-placement="top" data-content="请填写收货地址" id="gotoPay" class="jiesuan">支付</a></td>
      </tr>
     </table>
    </div><!--gwcpiao/-->
    </div><!--maincont-->
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="/js/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="/vendor/bootstrap/js/bootstrap.min.js"></script>
    <script src="/js/style.js"></script>
    <!--jq加减-->
    <script src="/js/jquery.spinner.js"></script>
    <script src="/js/pay.js"></script>
   <script>
	$('.spinnerExample').spinner({});
	</script>
  </body>
</html>